/*
 *
 * Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
 * wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html
 *
 * Components and helpers style for WET-BOEW
 */

%components-display-none-important {
	display: none !important;
}

%components-display-block-important {
	display: block !important;
}

/*
 Background Utility CSS
 */
.bg-cover {
	background-size: cover;
}

.bg-center {
	background-position: center;
}

.bg-norepeat {
	background-repeat: no-repeat;
}

/*
 Additional color
 */
.bg-darker {
	background-color: #000;
}

.bg-dark {
	background-color: #343a40;
}

button {
	&.bg-dark {
		&:hover, &:focus {
			background-color: #1d2124;
		}
	}
}

/*
Panels
 */
.panel, .well {
	&:not(:has(.panel, .well)) {
		&:has(.stretched-link):hover, &:has(.stretched-link:focus) {
			box-shadow: 1px 5px 7px rgb(0,0,0,.15);
		}
	}
}

/*
Miscellaneous Utility CSS
 */
.max-content {
	max-width: max-content;
}

.nojs-show {
	@extend %components-display-none-important;
}

.wbdisable-show {
	@extend %components-display-none-important;
}

.wb-disable {
	.nojs-show {
		@extend %components-display-block-important;
	}

	.nojs-hide {
		@extend %components-display-none-important;
	}

	.wbdisable-show {
		@extend %components-display-block-important;
	}
}
